<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui">

	<h:head>
        <title>Tragos - Seleccionar mesa</title>
        <h:outputStylesheet library="css" name="style.css"  />
    </h:head>
    <h:body>
    	<p:panel header="Seleccionar una mesa" footer="Cilantro Bar">
			<p:button outcome="seleccionTragos" value="Mesa 1" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="1" />
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 2" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="2" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 3" icon="ui-icon-star" styleClass="botonMesera" >  
			    <f:param name="idMesa" value="3" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 4" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="4" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 5" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="5" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 6" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="6" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 7" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="7" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 8" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="8" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 9" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="9" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 10" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="10" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 11" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="11" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 12" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="12" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 13" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="13" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 14" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="14" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
			<p:button outcome="seleccionTragos" value="Mesa 15" icon="ui-icon-star" styleClass="botonMesera">  
			    <f:param name="idMesa" value="15" />  
			    <f:param name="idMesera" value="Barra" /> 
			</p:button>
		</p:panel>
    </h:body>
</html>
